<template>
	<div>
		<el-row :gutter="15">
			<el-form ref="elForm" :model="formData" :rules="rules" size="mini" label-width="100px">
				<el-card style="margin: 20px 0;">
					<div style="display: block;font-size: 20px;margin: 20px;color: red;">节目相关</div>
					<el-col :span="15">

						<el-form-item label="节目集选择" prop="field101">
							<el-select v-model="formData.field101" placeholder="请选择节目集选择" clearable
								:style="{width: '100%'}">
								<el-option v-for="(item, index) in field101Options" :key="index" :label="item.label"
									:value="item.value" :disabled="item.disabled"></el-option>
							</el-select>
						</el-form-item>
					</el-col>


					<el-col :span="15">
						<el-form-item label="节目名称" prop="name">
							<el-input v-model="formData.name" placeholder="请输入节目名称" clearable :style="{width: '100%'}">
								<template slot="append">name，中文标点符号，不超18字，必填</template>
							</el-input>
						</el-form-item>
					</el-col>


					<el-col :span="15">
						<el-form-item label="平台来源" prop="plys">
							<el-input v-model="formData.plys" placeholder="请输入节目名称" clearable :style="{width: '100%'}">
								<template slot="append">plys，平台来源,需双⽅核对开放</template>
							</el-input>
						</el-form-item>
					</el-col>



					<el-col :span="15">
						<el-form-item label="名称首字母" prop="nameInitials">
							<el-input v-model="formData.nameInitials" placeholder="请输入节目名称" clearable
								:style="{width: '100%'}">
								<template slot="append">nameInitials，名称首字母</template>
							</el-input>
						</el-form-item>
					</el-col>



					<el-col :span="15">
						<el-form-item label="其他名称" prop="alias">
							<el-input v-model="formData.alias" placeholder="请输入其他名称" clearable :style="{width: '100%'}">
								<template slot="append">alias，其他名称(别名)</template>
							</el-input>
						</el-form-item>
					</el-col>


					<el-col :span="15">
						<el-form-item label="英文名称" prop="enName">
							<el-input v-model="formData.enName" placeholder="请输入英文名称" clearable
								:style="{width: '100%'}">
								<template slot="append">enName，英文片名</template>
							</el-input>
						</el-form-item>
					</el-col>

					<el-col :span="15">
						<el-form-item label="副标题" prop="subName">
							<el-input v-model="formData.subName" placeholder="请输入副标题" clearable
								:style="{width: '100%'}">
								<template slot="append">subName，副标题</template>
							</el-input>
						</el-form-item>
					</el-col>


					<el-col :span="15">
						<el-form-item label="分类" prop="category">
							<el-input v-model="formData.category" :disabled='true' clearable :style="{width: '100%'}">
								<template slot="append"> category，分类，单选，必填</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="二级分类" prop="sndCategory">
							<el-input v-model="formData.sndCategory" placeholder="二级分类" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append">sndCategory，二级分类，至少选两个，必填</template>
							</el-input>
						</el-form-item>
					</el-col>
					
					<el-col :span="15">
						<el-form-item label="标签" prop="keywords">
							<el-input v-model="formData.keywords" placeholder="标签"  clearable
								:style="{width: '100%'}">
								<template slot="append">keywords，节目标签</template>
							</el-input>
						</el-form-item>
					</el-col>
					
					
					<el-col :span="15">
						<el-form-item label="关键字" prop="keyword">
							<el-input v-model="formData.keyword" placeholder="关键字"  clearable
								:style="{width: '100%'}">
								<template slot="append">keyword，节目关键字</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="简介" prop="dsc">
							<el-input v-model="formData.dsc" placeholder="简介" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append">dsc，节目简介，20-80字，标点符号为中文，必填</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="集号" prop="seriesNo">
							<el-input v-model="formData.seriesNo" placeholder="请输入集号" clearable
								:style="{width: '100%'}">
								<template slot="append">seriesNo，集号</template>
							</el-input>
						</el-form-item>
					</el-col>


				</el-card>


				<el-card style="margin: 20px 0;">
					<div style="display: block;font-size: 20px;margin: 20px;color: red;">海报</div>


					<el-col :span="15">
						<el-form-item label="竖海报地址" prop="poster">
							<el-input v-model="formData.poster" placeholder="竖海报地址" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append">poster</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="横海报地址" prop="posterH">
							<el-input v-model="formData.posterH" placeholder="横海报地址" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append">posterH</template>
							</el-input>
						</el-form-item>
					</el-col>
				</el-card>


				<el-card style="margin: 20px 0;">
					<div style="display: block;font-size: 20px;margin: 20px;color: red;">拓展编目</div>


					<el-col :span="15">
						<el-form-item label="国家地区" prop="area">
							<el-input v-model="formData.area" placeholder="国家地区" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append">area</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="年份" prop="year">
							<el-input v-model="formData.year" placeholder="年份" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append">year</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="语言" prop="language">
							<el-input v-model="formData.language" placeholder="请输入语言" clearable
								:style="{width: '100%'}">
								<template slot="append">language</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="栏目" prop="column">
							<el-input v-model="formData.column" placeholder="请输入栏目" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append">column，剧集填无，栏目类按照播出栏目名称填写</template>
							</el-input>
						</el-form-item>
					</el-col>
					<!-- 				<el-col :span="15">
					<el-form-item label-width="133px" label="央视频道选择" prop="cctvChannel">
						<el-select v-model="formData.cctvChannel" placeholder="请选择央视频道选择" clearable
							:style="{width: '100%'}">
							<el-option v-for="(item, index) in cctvChannelOptions" :key="index" :label="item.label"
								:value="item.value" :disabled="item.disabled"></el-option>
						</el-select>
					</el-form-item>
				</el-col> -->
					<!-- 				<el-col :span="15">
					<el-form-item label="日期选择" prop="dateChange">
						<el-input v-model="formData.dateChange" placeholder="请输入日期选择" :disabled='true' clearable
							:style="{width: '100%'}">
							<template slot="append">dateChange</template>
						</el-input>
					</el-form-item>
				</el-col>
				<el-col :span="15">
					<el-form-item label="栏目代码" prop="columnCode">
						<el-input v-model="formData.columnCode" placeholder="请输入栏目代码" :disabled='true' clearable
							:style="{width: '100%'}">
							<template slot="append">columnCode，请从央视内容查询结果列表中粘贴对应的栏目代码</template>
						</el-input>
					</el-form-item>
				</el-col>
				<el-col :span="15">
					<el-form-item label="栏目名称" prop="tvColumnName">
						<el-input v-model="formData.tvColumnName" placeholder="请输入栏目名称" :disabled='true' clearable
							:style="{width: '100%'}">
							<template slot="append">tvColumnName，请从央视内容查询结果列表中粘贴对应的栏目名称</template>
						</el-input>
					</el-form-item>
				</el-col> -->
					<el-col :span="15">
						<el-form-item label-width="144px" label="五端统—栏目Id" prop="tvColumnId">
							<el-input v-model="formData.tvColumnId" placeholder="请输入五端统⼀栏⽬ID" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append"> tvColumnId，五端统—栏目Id</template>
							</el-input>
						</el-form-item>
					</el-col>

					<el-col :span="15">
						<el-form-item label-width="144px" label="五端统—栏目名称" prop="tvColumnName">
							<el-input v-model="formData.tvColumnName" placeholder="请输入五端统—栏目名称" :disabled='true'
								clearable :style="{width: '100%'}">
								<template slot="append"> tvColumnName，五端统—栏目名称</template>
							</el-input>
						</el-form-item>
					</el-col>

					<el-col :span="15">
						<el-form-item label="首播频道" prop="premiereChannel">
							<el-input v-model="formData.premiereChannel" placeholder="请输入首播频道" :disabled='true'
								clearable :style="{width: '100%'}">
								<template slot="append">premiereChannel，剧集实际首播频道，网络平台首播则填无</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="首播时间" prop="premiereTime">
							<el-input v-model="formData.premiereTime" placeholder="请输入首播时间" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append">premiereTime，剧集实际首播时间</template>
							</el-input>
						</el-form-item>
					</el-col>

					<el-col :span="15">
						<el-form-item label-width="120px" label="节目上线日期" prop="onlineDate">
							<el-date-picker v-model="formData.onlineDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
								:style="{width: '100%'}" placeholder="请选择节目上线日期" clearable></el-date-picker>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="120px" label="发行时间" prop="deployDate">
							<el-date-picker v-model="formData.deployDate" format="yyyy-MM-dd" value-format="yyyy-MM-dd"
								:style="{width: '100%'}" placeholder="请选择发行时间" clearable></el-date-picker>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="主持人" prop="compere">
							<el-input v-model="formData.compere" placeholder="请输入主持人" clearable
								:style="{width: '100%'}">
								<template slot="append">compere，主持人</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="制片人" prop="producer">
							<el-input v-model="formData.producer" placeholder="请输入制片人" clearable
								:style="{width: '100%'}">
								<template slot="append"> producer，制片人</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="策划人" prop="planner">
							<el-input v-model="formData.planner" placeholder="请输入策划人" clearable
								:style="{width: '100%'}">
								<template slot="append">planner，策划人</template>
							</el-input>
						</el-form-item>
					</el-col>



					<el-col :span="15">
						<el-form-item label="导演" prop="director">
							<el-input v-model="formData.director" placeholder="请输入导演" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append">director，按实际导演填写，必填</template>
							</el-input>
						</el-form-item>
					</el-col>


					<el-col :span="15">
						<el-form-item label="导演首字母" prop="directorInitials">
							<el-input v-model="formData.directorInitials" placeholder="请输入导演首字母" :disabled='true'
								clearable :style="{width: '100%'}">
								<template slot="append">directorInitials，导演首字母，必填</template>
							</el-input>
						</el-form-item>
					</el-col>

					<el-col :span="15">
						<el-form-item label="编剧" prop="screenWriter">
							<el-input v-model="formData.screenWriter" placeholder="请输入编剧" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append"> screenWriter，按实际编剧填写，必填</template>
							</el-input>
						</el-form-item>
					</el-col>


					<el-col :span="15">
						<el-form-item label="主演" prop="starring">
							<el-input v-model="formData.starring" placeholder="请输入主演" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append">starring，男女主演+重要配角，必填</template>
							</el-input>
						</el-form-item>
					</el-col>


					<el-col :span="15">
						<el-form-item label="主演首字母" prop="starringInitials">
							<el-input v-model="formData.starringInitials" placeholder="请输入主演首字母" :disabled='true'
								clearable :style="{width: '100%'}">
								<template slot="append">starringInitials，主演首字母</template>
							</el-input>
						</el-form-item>
					</el-col>



					<el-col :span="15">
						<el-form-item label="分集总数" prop="sepSeriesAmount">
							<el-input v-model="formData.sepSeriesAmount" placeholder="请输入分集总数" clearable
								:style="{width: '100%'}">
								<template slot="append">sepSeriesAmount，分集总数</template>
							</el-input>
						</el-form-item>
					</el-col>





					<!-- 				<el-col :span="15">
					<el-form-item label="节⽬价格标签" prop="priceLabels">
						<el-input v-model="formData.priceLabels" placeholder="请输入节⽬价格标签" clearable
							:style="{width: '100%'}">
							<template slot="append">priceLabels，节⽬价格标签</template>
						</el-input>
					</el-form-item>
				</el-col> -->
					<!-- 				<el-col :span="15">
					<el-form-item label="建议价格" prop="suggestedPrice">
						<el-input v-model="formData.suggestedPrice" placeholder="请输入建议价格" clearable
							:style="{width: '100%'}">
							<template slot="append">suggestedPrice，建议价格</template>
						</el-input>
					</el-form-item>
				</el-col> -->
					<el-col :span="15">
						<el-form-item label="评分" prop="score">
							<el-input v-model="formData.score" placeholder="请输入评分" clearable :style="{width: '100%'}">
								<template slot="append">score，评分</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="奖项" prop="prize">
							<el-input v-model="formData.prize" placeholder="请输入奖项" clearable :style="{width: '100%'}">
								<template slot="append">prize，奖项</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="受众" prop="accesser">
							<el-input v-model="formData.accesser" placeholder="请输入受众" clearable
								:style="{width: '100%'}">
								<template slot="append">accesser，受众</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="赛事" prop="match">
							<el-input v-model="formData.match" placeholder="请输入赛事" clearable :style="{width: '100%'}">
								<template slot="append">match，赛事</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="记者" prop="reporter">
							<el-input v-model="formData.reporter" placeholder="请输入记者" clearable
								:style="{width: '100%'}">
								<template slot="append">reporter，记者</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="嘉宾" prop="guest">
							<el-input v-model="formData.guest" placeholder="请输入嘉宾" clearable :style="{width: '100%'}">
								<template slot="append">guest，嘉宾</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="科目" prop="subject">
							<el-input v-model="formData.subject" placeholder="请输入科目" clearable :style="{width: '100%'}">
								<template slot="append">subject，科目</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="课时" prop="classHour">
							<el-input v-model="formData.classHour" placeholder="请输入课时" clearable
								:style="{width: '100%'}">
								<template slot="append">classHour，课时</template>
							</el-input>
						</el-form-item>
					</el-col>

					<el-col :span="15">
						<el-form-item label="是否付费" prop="vipFlag">
							<el-select v-model="formData.vipFlag" placeholder="请选择是否付费"  clearable
								:style="{width: '100%'}">
								<el-option v-for="(item, index) in vipFlagOptions" :key="index" :label="item.label"
									:value="item.value" :disabled="item.disabled"></el-option>
							</el-select>
						</el-form-item>
					</el-col>


					<el-col :span="15">
						<el-form-item label="推荐语" prop="recommendDsc">
							<el-input v-model="formData.recommendDsc" placeholder="请输入推荐语" clearable
								:style="{width: '100%'}">
								<template slot="append">recommendDsc，推荐语</template>
							</el-input>
						</el-form-item>
					</el-col>
				</el-card>


				<el-card style="margin: 20px 0;">
					<div style="display: block;font-size: 20px;margin: 20px;color: red;">资讯相关</div>
					<el-col :span="15">
						<el-form-item label="是否预告片" prop="isTrailer">
							<el-radio-group v-model="formData.isTrailer" size="medium">
								<el-radio v-for="(item, index) in isTrailerOptions" :key="index" :label="item.value"
									:disabled="item.disabled">{{item.label}}</el-radio>
							</el-radio-group>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="4K标识" prop="is4K">
							<el-radio-group v-model="formData.is4K" size="medium">
								<el-radio v-for="(item, index) in is4KOptions" :key="index" :label="item.value"
									:disabled="item.disabled">{{item.label}}</el-radio>
							</el-radio-group>
						</el-form-item>
					</el-col>


					<el-col :span="15">
						<el-form-item label="VR视频" prop="vrtype">
							<el-select v-model="formData.vrtype" placeholder="engthUnit，单选，必填4K标识" clearable
								:style="{width: '100%'}">
								<el-option v-for="(item, index) in vrtypeOptions" :key="index" :label="item.label"
									:value="item.value" :disabled="item.disabled"></el-option>
							</el-select>
						</el-form-item>
					</el-col>



					<el-col :span="15">
						<el-form-item label="播放模式" prop="playMode">
							<el-radio-group v-model="formData.playMode" size="medium">
								<el-radio v-for="(item, index) in playModeOptions" :key="index" :label="item.value"
									:disabled="item.disabled">{{item.label}}</el-radio>
							</el-radio-group>
						</el-form-item>
					</el-col>

				</el-card>


				<el-card style="margin: 20px 0;">
					<div style="display: block;font-size: 20px;margin: 20px;color: red;">内容版权相关</div>




					<el-col :span="15">
						<el-form-item label="数据来源" prop="source">
							<el-input v-model="formData.source" placeholder="请输入数据来源" clearable
								:style="{width: '100%'}">
								<template slot="append"> source，必填</template>
							</el-input>
						</el-form-item>
					</el-col>


					<el-col :span="15">
						<el-form-item label="来源介质" prop="sourceMedia">
							<el-input v-model="formData.sourceMedia" placeholder="请输入来源介质" clearable
								:style="{width: '100%'}">
								<template slot="append"> sourceMedia，来源介质</template>
							</el-input>
						</el-form-item>
					</el-col>



					<el-col :span="15">
						<el-form-item label="内容提供商" prop="contentProvider">
							<el-input v-model="formData.contentProvider" placeholder="请输入内容提供商" clearable
								:style="{width: '100%'}">
								<template slot="append">contentProvider</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="133px" label="版权方" prop="copyrigh">
							<el-input v-model="formData.copyright" placeholder="请输入版权方" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append">copyright</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="版权编码" prop="copyrightCode">
							<el-input v-model="formData.copyrightCode" placeholder="请输入版权编码" clearable
								:style="{width: '100%'}">
								<template slot="append">copyrightCode</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="133px" label="版权⽣效时间" prop="crBeginDate">
							<el-input v-model="formData.crBeginDate" placeholder="请输入版权⽣效时间" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append"> crBeginDate，版权⽣效时间</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="133px" label="版权失效时间" prop="crEndDate">
							<el-input v-model="formData.crEndDate" placeholder="请输入版权失效时间" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append">crEndDate，版权失效时间</template>
							</el-input>
						</el-form-item>
					</el-col>

				</el-card>
				<!-- 				<el-col :span="15">
					<el-form-item label-width="133px" label="版权信息名称" prop="crInfoName">
						<el-input v-model="formData.crInfoName" placeholder="请输入版权信息名称" :disabled='true' clearable
							:style="{width: '100%'}">
							<template slot="append"> crInfoName，版权信息名称</template>
						</el-input>
					</el-form-item>
				</el-col> -->




				<el-card style="margin: 20px 0;">
					<div style="display: block;font-size: 20px;margin: 20px;color: red;">其他信息</div>
					<el-col :span="15">
						<el-form-item label-width="133px" label="编目录入人" prop="cataloger">
							<el-input v-model="formData.cataloger" placeholder="请输入编目录入人" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append">cataloger，编目录入人</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="133px" label="预留字段" prop="others">
							<el-input v-model="formData.others" placeholder="请输入预留字段" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append">others</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="133px" label="节目状态" prop="status">
							<el-input v-model="formData.status" placeholder="请输入节目状态" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append">status</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="133px" label="是否回调" prop="isStock">
							<el-input v-model="formData.isStock" placeholder="请输入是否回调" clearable
								:style="{width: '100%'}">
								<template slot="append">isStock</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="133px" label="是否拆条" prop="isUnpack">
							<el-input v-model="formData.isUnpack" placeholder="请输入是否拆条" clearable
								:style="{width: '100%'}">
								<template slot="append">isUnpack是否拆条</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="133px" label="外部来源ID" prop="outsideSetId">
							<el-input v-model="formData.outsideSetId" placeholder="请输入外部来源ID" :disabled='true' clearable
								:style="{width: '100%'}">
								<template slot="append">outsideSetId</template>
							</el-input>
						</el-form-item>
					</el-col>


					<el-col :span="15">
						<el-form-item label-width="133px" label="创建时间" prop="createTime">
								  <el-date-picker
								    v-model="formData.createTime"
								    type="datetime"
								    format="yyyy-MM-dd HH:mm:ss"
								    value-format="yyyy-MM-dd HH:mm:ss"
								    placeholder="选择日期时间">
								  </el-date-picker>

						</el-form-item>
					</el-col>


					<!--
					<el-col :span="15">
						<el-form-item label="优先级" prop="priority">
							<el-select v-model="formData.priority" placeholder="请选择优先级" clearable
								:style="{width: '100%'}">
								<el-option v-for="(item, index) in priorityOptions" :key="index" :label="item.label"
									:value="item.value" :disabled="item.disabled"></el-option>
							</el-select>
						</el-form-item>
					</el-col> -->

					<el-col :span="15">
						<el-form-item label-width="133px" label="推送优先级" prop="priority">
							<el-input v-model="formData.priority" placeholder="请输入优先级"   clearable
								:style="{width: '100%'}">
								<template slot="append">priority</template>
							</el-input>
						</el-form-item>
					</el-col>



					<!--  -->
					<el-col :span="15">
						<el-form-item label="编辑模式" prop="editMode">
							<el-select v-model="formData.editMode" placeholder="请选择编辑模式" clearable
								:style="{width: '100%'}">
								<el-option v-for="(item, index) in editModeOptions" :key="index" :label="item.label"
									:value="item.value" :disabled="item.disabled"></el-option>
							</el-select>
						</el-form-item>
					</el-col>





					<el-col :span="15">
						<el-form-item label-width="133px" label="节目开始时间" prop="broadcastStartTime">
							<el-input v-model="formData.broadcastStartTime" placeholder="请输入节目开始时间" :disabled='true'
								clearable :style="{width: '100%'}">
								<template slot="append">broadcastStartTime，节目开始时间</template>
							</el-input>
						</el-form-item>
					</el-col>

					<el-col :span="15">
						<el-form-item label-width="133px" label="节目结束时间" prop="broadcastEndTime">
							<el-input v-model="formData.broadcastEndTime" placeholder="请输入节目结束时间" :disabled='true'
								clearable :style="{width: '100%'}">
								<template slot="append">broadcastEndTime，节目结束时间</template>
							</el-input>
						</el-form-item>
					</el-col>



					<el-col :span="15">
						<el-form-item label="音视频类型" prop="videoType">
							<el-radio-group v-model="formData.videoType" size="medium">
								<el-radio v-for="(item, index) in videoTypeOptions" :key="index" :label="item.value"
									:disabled="item.disabled">{{item.label}}</el-radio>
							</el-radio-group>
						</el-form-item>
					</el-col>









					<el-col :span="15">
						<el-form-item label-width="133px" label="节目播出资质" prop="playCertification">
							<el-input v-model="formData.playCertification" placeholder="请输入节目播出资质" :disabled='true'
								clearable :style="{width: '100%'}">
								<template slot="append">playCertification</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="清晰度" prop="definition">
							<el-select v-model="formData.definition" placeholder="请选择清晰度" clearable
								:style="{width: '100%'}">
								<el-option v-for="(item, index) in definitionOptions" :key="index" :label="item.label"
									:value="item.value" :disabled="item.disabled"></el-option>
							</el-select>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="133px" label="视频码率" prop="videoDataRate">
							<el-input v-model="formData.videoDataRate" placeholder="请输入视频码率" clearable
								:style="{width: '100%'}">
								<template slot="append">videoDataRate</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="133px" label="视频分辨率" prop="videoSize">
							<el-input v-model="formData.videoSize" placeholder="请输入视频分辨率" clearable
								:style="{width: '100%'}">
								<template slot="append">videoSize</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label="时长单位" prop="lengthUnit">
							<el-select v-model="formData.lengthUnit" placeholder="engthUnit，单选，必填" clearable
								:style="{width: '100%'}">
								<el-option v-for="(item, index) in lengthUnitOptions" :key="index" :label="item.label"
									:value="item.value" :disabled="item.disabled"></el-option>
							</el-select>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="133px" label="视频时长" prop="videoLength">
							<el-input v-model="formData.videoLength" placeholder="请输入视频时长" clearable
								:style="{width: '100%'}">
								<template slot="append">videoLength，视频时长，仅限数字</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="133px" label="片头时长" prop="headLength">
							<el-input v-model="formData.headLength" placeholder="请输入片头时长" clearable
								:style="{width: '100%'}">
								<template slot="append">headLength，片头时长，仅限数字</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="133px" label="片尾时长" prop="tailLength">
							<el-input v-model="formData.tailLength" placeholder="请输入片尾时长"  clearable
								:style="{width: '100%'}">
								<template slot="append">tailLength，片尾时长，仅限数字</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="133px" label="视频路径" prop="videoPaths">
							<el-input v-model="formData.videoPaths" placeholder="请输入视频路径" clearable
								:style="{width: '100%'}">
								<template slot="append">videoPaths，视频路径,，必填</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="133px" label="视频图片路径" prop="imgPaths">
							<el-input v-model="formData.imgPaths" placeholder="请输入视频图片路径" clearable
								:style="{width: '100%'}">
								<template slot="append">imgPaths，视频图片路径,</template>
							</el-input>
						</el-form-item>
					</el-col>
<!-- 					<el-col :span="15">
						<el-form-item label-width="133px" label="创建时间" prop="createTime">
							<el-input v-model="formData.createTime" placeholder="请输入创建时间" clearable
								:style="{width: '100%'}">
								<template slot="append">createTime</template>
							</el-input>
						</el-form-item>
					</el-col> -->
					<el-col :span="15">
						<el-form-item label-width="144px" label="视频文件所分章节数" prop="videoPart">
							<el-input v-model="formData.videoPart" placeholder="请输入视频文件所分章节数" clearable
								:style="{width: '100%'}">
								<template slot="append"> videoPart，视频文件所分章节数-M1保留字段</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="155px" label="每个章节视频文件时长" prop="videoPartTime">
							<el-input v-model="formData.videoPartTime" placeholder="请输入每个章节视频文件时长" clearable
								:style="{width: '100%'}">
								<template slot="append"> videoPartTime，每个章节视频文件的时长-M1保留字段</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="155px" label="视频名称前半段" prop="videoNameCodeF">
							<el-input v-model="formData.videoNameCodeF" placeholder="请输入视频名称前半段" clearable
								:style="{width: '100%'}">
								<template slot="append">videoNameCodeF，视频名称前半段</template>
							</el-input>
						</el-form-item>
					</el-col>
					<el-col :span="15">
						<el-form-item label-width="155px" label="视频名称后半段" prop="videoNameCodeB">
							<el-input v-model="formData.videoNameCodeB" placeholder="请输入视频名称后半段" clearable
								:style="{width: '100%'}">
								<template slot="append">videoNameCodeB，视频名称后半段</template>
							</el-input>
						</el-form-item>
					</el-col>

					<el-col :span="15">
						<el-form-item label-width="155px" label="转码模板ID" prop="templateId">
							<el-input v-model="formData.templateId" placeholder="转码模板ID" clearable
								:style="{width: '100%'}">
								<template slot="append">templateId，转码模板ID</template>
							</el-input>
						</el-form-item>
					</el-col>

<!-- 					<el-col :span="15">
						<el-form-item label-width="155px" label="UGC视频转码优先级" prop="priority">
							<el-input v-model="formData.priority" placeholder="UGC视频转码优先级" clearable
								:style="{width: '100%'}">
								<template slot="append">priority，UGC视频转码优先级</template>
							</el-input>
						</el-form-item>
					</el-col> -->

				</el-card>
				<el-col :span="24">
					<el-form-item size="large">
						<el-button type="primary" @click="submitForm">提交</el-button>
						<el-button @click="resetForm">重置</el-button>
					</el-form-item>
				</el-col>
			</el-form>
		</el-row>


	</div>
</template>
<script>
	import {
		config
	} from '@vue/test-utils'

	export default {
		components: {},
		props: [
			'info'
		],
		data() {
			return {
				formData: {
					vrtype:"否",
					plys: "蟠龙影视",
					field101: undefined,
					name: undefined,
					nameInitials: undefined,
					alias: undefined,
					enName: undefined,
					subName: undefined,
					category: undefined,
					sndCategory: undefined,
					keyword: undefined,
					keywords: undefined,
					dsc: undefined,
					seriesNo: undefined,
					poster: undefined,
					posterH: undefined,
					isTrailer: "否",
					is4K: "否",
					playMode: undefined,
					area: undefined,
					year: undefined,
					language: undefined,
					column: undefined,
					// cctvChannel: undefined,
					// dateChange: undefined,
					// columnCode: undefined,
					// tvColumnName: undefined,
					tvColumnId: undefined,
					onlineDate: "onlineDate，节目上线日期",
					deployDate: "onlineDate，节目上线日期",
					compere: undefined,
					producer: undefined,
					planner: undefined,
					director: "无",
					directorInitials: undefined,
					screenWriter: "无",
					starring: "无",
					starringInitials: undefined,
					sepSeriesAmount: undefined,
					premiereChannel: "无",
					premiereTime: "无",

					// priceLabels: undefined,
					// suggestedPrice: undefined,
					score: undefined,
					prize: undefined,
					accesser: undefined,
					match: undefined,
					reporter: undefined,
					guest: undefined,
					subject: undefined,
					classHour: undefined,
					recommendDsc: undefined,
					vipFlag: undefined,
					source: undefined,
					sourceMedia: undefined,
					contentProvider: undefined,
					copyright: undefined,
					copyrightCode: undefined,
					crBeginDate: undefined,
					crEndDate: undefined,
					broadcastStartTime: undefined,
					broadcastEndTime: undefined,
					// crInfoName: undefined,
					cataloger: undefined,
					others: undefined,
					status: undefined,
					isStock: '否',
					isUnpack: '否',
					outsideSetId: undefined,
					createTime: undefined,
					priority: "4",
					playCertification: undefined,
					definition: undefined,
					videoDataRate: undefined,
					videoSize: undefined,
					lengthUnit: 1,
					videoLength: undefined,
					headLength: undefined,
					tailLength: undefined,
					videoPaths: undefined,
					imgPaths: undefined,
					createTime: undefined,
					videoPart: undefined,
					videoPartTime: undefined,
					videoNameCodeF: undefined,
					videoNameCodeB: undefined,
					templateId: undefined,
					editMode:1
					// priority: undefined,
				},
				rules: {
					field101: [{
						required: true,
						message: '请选择节目集选择',
						trigger: 'change'
					}],


					plys: [{
						required: true,
						message: '请输入平台来源',
						trigger: 'blur'
					}],

					name: [{
						required: true,
						message: '请输入节目名称',
						trigger: 'blur'
					}],
					alias: [],
					enName: [],
					category: [{
						required: true,
						message: '',
						trigger: 'blur'
					}],
					sndCategory: [{
						required: true,
						message: '二级分类',
						trigger: 'blur'
					}],
					// keyword: [{
					// 	required: true,
					// 	message: '关键字',
					// 	trigger: 'blur'
					// }],
					dsc: [{
						required: true,
						message: '简介',
						trigger: 'blur'
					}],
					seriesNo: [],
					poster: [{
						required: true,
						message: '竖海报地址',
						trigger: 'blur'
					}],
					posterH: [{
						required: true,
						message: '横海报地址',
						trigger: 'blur'
					}],
					isTrailer: [],
					is4K: [],
					playMode: [],
					area: [{
						required: true,
						message: '国家地区',
						trigger: 'blur'
					}],
					year: [{
						required: true,
						message: '年份',
						trigger: 'blur'
					}],
					language: [{
						required: true,
						message: '请输入语言',
						trigger: 'blur'
					}],
					column: [],

					dateChange: [],
					columnCode: [],
					tvColumnName: [],
					tvColumnId: [],
					onlineDate: [],
					deployDate: [],
					compere: [],
					producer: [],
					planner: [],
					director: [{
						required: true,
						message: '请输入导演',
						trigger: 'blur'
					}],
					// screenWriter: [{
					// 	required: true,
					// 	message: '请输入编剧',
					// 	trigger: 'blur'
					// }],
					starring: [{
						required: true,
						message: '请输入主演',
						trigger: 'blur'
					}],
					sepSeriesAmount: [],
					premiereChannel: [],
					premiereTime: [],
					// priceLabels: [],
					// suggestedPrice: [],
					score: [],
					prize: [],
					accesser: [],
					match: [],
					reporter: [],
					guest: [],
					subject: [],
					classHour: [],
					recommendDsc: [],
					vipFlag: [{
						required: true,
						message: '请选择是否付费',
						trigger: 'change'
					}],
					source: [{
						required: true,
						message: '请输入数据来源',
						trigger: 'blur'
					}],
					contentProvider: [],
					copyrigh: [],
					copyrightCode: [],
					crBeginDate: [],
					crEndDate: [],
					// crInfoName: [],
					cataloger: [],
					others: [],
					status: [],
					// isStock: '',
					// isUnpack: '',
					outsideSetId: [],
					createTime: [],
					// priority: [],
					definition: [{
						required: true,
						message: '请选择清晰度',
						trigger: 'change'
					}],
					videoDataRate: [],
					videoSize: [],
					lengthUnit: [{
						required: true,
						message: '请输入时长单位',
						trigger: 'blur'
					}],
					videoLength: [{
						required: true,
						message: '请输入视频时长',
						trigger: 'blur'
					}],
					headLength: [],
					tailLength: [],
					videoPaths: [{
						required: true,
						message: '请输入视频路径',
						trigger: 'blur'
					}],
					// imgPaths: [{
					// 	required: true,
					// 	message: '请输入视频图片路径',
					// 	trigger: 'blur'
					// }],
					createTime: [],
					videoPart: [],
					videoPartTime: [],
					videoNameCodeF: [],
					videoNameCodeB: [],
				},
				field101Options: [{
					"label": "选项一",
					"value": 1
				}],
				isTrailerOptions: [{
					"label": "是",
					"value": "是"
				}, {
					"label": "否",
					"value": "否"
				}],
				is4KOptions: [{
					"label": "是",
					"value": "是"
				}, {
					"label": "否",
					"value":"否"
				}],

				videoTypeOptions: [{
					"label": "正片",
					"value": 0
				}, {
					"label": "预告片",
					"value": 1
				}, {
					"label": "花絮",
					"value": 2
				}, {
					"label": "音源",
					"value": 3
				}, {
					"label": "副歌",
					"value": 4
				}, {
					"label": "主旋律",
					"value": 5
				}],
				playModeOptions: [{
					"label": "2D",
					"value": "2D"
				}, {
					"label": "3D",
					"value": "3D"
				}, {
					"label": "VR 360度",
					"value": "VR 360度"
				}, {
					"label": "VR 180度",
					"value": "VR 180度"
				}],
				cctvChannelOptions: [{
					"label": "选项一",
					"value": 1
				}, {
					"label": "选项二",
					"value": 2
				}],
				vipFlagOptions: [{
					"label": "是",
					"value": 1
				}, {
					"label": "否",
					"value": 0
				}],
				lengthUnitOptions:[{
					"label": "分",
					"value": 0
				}, {
					"label": "秒",
					"value": 1
				}],


				definitionOptions: [{
						"label": "流畅",
						"value": '1'
					}, {
						"label": "标清",
						"value": '2'
					},
					{
						"label": "高清",
						"value": '3'
					},
					{
						"label": "超清",
						"value": '4'
					},
					{
						"label": "4k",
						"value": '5'
					},
				],
				editModeOptions: [{
					"label": "粗切",
					"value": 0
				}, {
					"label": "精切",
					"value": 1
				}],
				vrtypeOptions: [{
					"label": "否",
					"value": "否",
				}, {
					"label": "IMAX",
					"value": "IMAX"
				},

				{
					"label": "VR180",
					"value": "VR180"
				},
				{
					"label": "IMAX",
					"value": "IMAX"
				},
				{
					"label": "VR360",
					"value": "VR360"
				},
				{
					"label": "球幕 ",
					"value": "球幕 "
				},
				{
					"label": "鱼眼",
					"value": "鱼眼"
				},
				{
					"label": "EAC",
					"value": "EAC"
				},
				{
					"label": "其他",
					"value": "其他"
				},

				],



			}
		},
		computed: {},
		watch: {
			'formData.field101': {
				handler(o, n) {
					if (o != n) {
						this.getjmjinfobyid(o)
					}
				},
				deep: true,
				// immediate: true
			},

			info: {
				handler(e) {
					console.log(e)
					this.formData = {
						...e
					}
				},
				deep: true,
				immediate: true
			}
		},
		created() {
			this.$nextTick(() => {
				// 这里的代码会在 DOM 更新后执行
				this.getjmjlist()
			});
		},
		methods: {

			getjmjlist() {
				this.$http.get('jmj/getlist').then(res => {
					console.log(res)
					this.field101Options = res.data
				})

			},
			getjmjinfobyid(id) {
				this.$http.get('jmj/getlistbyid?id=' + id).then(r => {
					console.log(typeof r.data.lengthUnit)


					let field101 = this.formData.field101
					// this.formData = r.data
					// this.formData.field101 = field101

					let obj = {}

					// console.log(123123123123213,this.formData)
					// // this.$nextTick(() => {
						obj.isUnpack= "否"
						obj.isUnpack= "否"
					obj.priority = "4"
					obj.category = r.data.category
					obj.sndCategory = r.data.sndCategory
					obj.keyword = r.data.keyword
					obj.dsc = r.data.dsc
					obj.poster = r.data.poster
					obj.posterH = r.data.posterH
					obj.area = r.data.area
					obj.year = r.data.year
					obj.language = r.data.language
					obj.dateChange = r.data.dateChange
					obj.columnCode = r.data.columnCode
					obj.tvColumnName = r.data.tvColumnName
					obj.director = r.data.director
					obj.screenWriter = r.data.screenWriter
					obj.starring = r.data.starring
					obj.score = r.data.score
					obj.prize = r.data.prize
					obj.accesser = r.data.accesser
					obj.match = r.data.match
					obj.reporter = r.data.reporter
					obj.guest = r.data.guest
					obj.subject = r.data.subject
					obj.classHour = r.data.classHour
					obj.recommendDsc = r.data.recommendDsc
					obj.vipFlag = r.data.vipFlag
					obj.source = r.data.source
					obj.contentProvider = r.data.contentProvider

					obj.copyright = r.data.copyright
					obj.copyrightCode = r.data.copyrightCode

					obj.crBeginDate = r.data.crBeginDate
					obj.crEndDate = r.data.crEndDate
					// obj.crInfoName = r.data.crInfoName
					obj.cataloger = r.data.cataloger
					obj.others = r.data.others
					obj.isStock = r.data.isStock
					obj.definition = r.data.definition
					obj.lengthUnit = r.data.lengthUnit
					obj.compere = r.data.compere
					obj.producer = r.data.producer
					obj.planner = r.data.planner
					obj.isTrailer = r.data.isTrailer
					obj.is4K = r.data.is4K
					// obj.is3D = r.data.is3D
					obj.field101 = field101

					obj.nameInitials = r.data.nameInitials
					obj.alias = r.data.alias
					obj.enName = r.data.enName
					obj.directorInitials = r.data.directorInitials
					obj.starringInitials = r.data.starringInitials
					obj.premiereChannel = r.data.premiereChannel
					obj.premiereTime = r.data.premiereTime
					obj.playCertification = r.data.playCertification
					obj.plys = "蟠龙影视"
					obj.vrtype = r.data.vrtype
					obj.editMode = 1
					obj.keywords = r.data.labels


					this.formData = obj


					// this.formData.field101 = field101
					// })
				})

			},

validatePosterUrl(url) {
    if (!url) {
        return '海报地址不能为空';
    }
    if (!url.startsWith('/')) {
        return '海报地址必须以/开头';
    }
    // 新增：检查是否包含空格
    if (url.includes(' ')) {
        return '海报地址不能包含空格';
    }
    return ''; // 空字符串表示验证通过
},

			submitForm() {
				this.$refs['elForm'].validate(valid => {
					if (!valid) {
						this.$message.error(`资料不全！`);
						return false;
					}


					if (this.formData.poster == this.formData.posterH) {
						this.$message.error(`横竖海报不能相同`);
						return false;
					}

					const posterError = this.validatePosterUrl(this.formData.videoPaths);
					if (posterError) {
						this.$message.error(`视频路径地址错误: ${posterError}`);
						return false;
					}

					// 验证横海报
					const posterHError = this.validatePosterUrl(this.formData.videoPaths);
					if (posterHError) {
						this.$message.error(`横海报地址错误: ${posterHError}`);
						return false;
					}

					if(this.formData.imgPaths){
						const posterHError1 = this.validatePosterUrl(this.formData.imgPaths);
						if (posterHError1) {
							this.$message.error(`视频图片路径必须/开头: ${posterHError}`);
							return false;
						}
					}



					// TODO 提交表单
					this.formData.a5 = undefined
					this.formData.a6 = undefined
					this.$http.post('jm/addinfo', this.formData).then(r => {
						if (r.code == 10000) {
							this.$message({
								message: '添加成功',
								type: 'success'
							});
							this.addwindow = false
							this.$router.go(0)
						} else {
							this.$message.error('添加失败');
						}
					})
				})
			},
			resetForm() {
				this.$refs['elForm'].resetFields()
			},
		}
	}
</script>
<style>
</style>
